// big standalone buttons like in Documents pager
&.osd {
- &.image-button {
- min-height: 48px;
- min-width: 48px;
- }
+ min-width: 24px;
+ min-height: 32px;
+
+ &.image-button { min-width: 32px; }
color: $osd_fg_color;
border-radius: 5px;
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
color: #949796; }
button.osd {
+ min-width: 24px;
+ min-height: 32px;
color: #eeeeec;
border-radius: 5px;
outline-color: rgba(238, 238, 236, 0.3);
border: none;
box-shadow: none; }
button.osd.image-button {
- min-height: 48px;
- min-width: 48px; }
+ min-width: 32px; }
button.osd:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
color: white; }
button.osd {
+ min-width: 24px;
+ min-height: 32px;
color: #eeeeec;
border-radius: 5px;
outline-color: rgba(238, 238, 236, 0.3);
border: none;
box-shadow: none; }
button.osd.image-button {
- min-height: 48px;
- min-width: 48px; }
+ min-width: 32px; }
button.osd:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);